/* 0. 网站统一样式 */

/* 设置网站字体的基准大小 */
html {
    font-size: 62.5%;
  }
  
  /* 统一网站的基本字体颜色 */
  body {
    font-family: "微软雅黑", Arial, sans-serif;
    font-size: 12px;
  }
  
  /* 去除下划线 */
  a {
    text-decoration: none;
    color: #656565;
  }
  
  /* 图片依据父容器等比缩放 */
  img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  
  /* 取消标题和列表默认的盒子定义 */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  figure,
  p {
    margin: 0;
    padding: 0;
    font-weight: normal;
  }
  
  /* 取消项目符号 */
  li {
    list-style-type: none;
  }
  
  header,
  nav,
  main,
  footer {
    width: 100%;
    margin: 0 auto;
  }
  
  /* 页面定宽容器 */
  .w960 {
    width: 96rem;
    margin: 0 auto;
  }
  /* 1.页面头部 */
  
  添加背景图片 .logo {
    height: 10rem;
    background: #000 url("../image/LOGO.png") no-repeat center center;
  }
  h1 {
    height: 10rem;
  }
  
  /* 2.页面导航 */
  /* 2.1 主菜单 */
  nav a {
    display: block; /* a从行级元素转化为块级元素 */
    text-align: center; /*水平居中*/
    height: 4rem;
    line-height: 4rem; /* 在单行下与高度一起实现垂直居中 */
  }
  
  nav ul {
    display: flex;
    background-color: #ebebeb;
    align-items: center;
    justify-content: space-around;
  }
  
  nav li {
    flex: 1;
  }
  
  nav li > a {
    font-size: 1.6rem;
  }
  
  /* 菜单首页的默认设置 
  nav li:first-of-type>a{
    color:#ffffff;
  }*/
  
  nav li:hover > a {
    background-color: #44bb44;
  }
  
  /* 2.2二级菜单 */
  nav ul.sub-menu {
    display: none;
    position: absolute;
  }
  
  nav li:hover ul.sub-menu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background-color: #44bb44;
    width: calc(96rem / 8);
  }
  
  nav ul.sub-menu a {
    font-size: 1.2rem;
  }
  
  nav ul.sub-menu li:hover > a {
    background-color: #44bb99;
  }
  /* 中心简介 */
  .zxjj{
    width: 960px;
    margin: 0 auto;
    display: flex;

  }
  .aside{
    width: 213px;
    height: 513px;
  }
  .aside li:first-child{
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    font-family: 宋体;
    color: #ffffff;
    background-image: url(../image/list_lmms.gif);
    padding-left: 5px;
    line-height: 30px;
  }
  .aside li{
    height: 30px;
    background-image: url(../image/list_lanmubg.gif);
    font-size: 16px;
    padding-left: 30px;
  }
  .aside img{
    width: 213px;
  }


  .introduce{
    width: 747px;
    height: 538px;
  }
  .introduce span{
    display: block;
    margin: 25px 20px;
    font-size: 16px;
    font-family: 宋体;

  }
  .introduce span a{
    color: #222;
  }
  .page{
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-left: 200px;
  }
  .page span{
    border: 1px lightblue solid;
  }
  .page span:nth-child(2){
    text-align: center;
    width: 20px;
    background-color: lightblue;
  }
  .page li:last-child{
    display: flex;
  }
  .jieshao{
    display: flex;
    justify-content: space-between;
  }


    /* 所处位置 */
    .position{
      display: flex;
      align-items: center;
      padding-left: 5px;
      width: 747px;
      height: 30px;
      font-size: 16px;
      font-family: 宋体;
      background-image: url(../image/bg.gif) ;
    }
    .position li::after{
      content: ">";
    }
    /* 页脚 */
    .foot {
      margin-left: -20px;
      width: 1000px;
      height: 10rem;
      background: url("../image/bqbg.gif") no-repeat center center;
      text-align: center;
      margin-left: 250px;
    }
    .foot ul {
      font: 12px/16px Verdana, Arial, 宋体;
      color: rgb(85, 85, 85);
      text-align: center;
      letter-spacing: normal;
      display: inline !important;
      font-stretch: normal;
      background-color: rgb(255, 255, 255);
    }
    .foot1{
      position: absolute;
    margin-top: 30px;
    margin-left: 270px;
    font-family: '宋体';
    font-size: 14px;
    }
    .foot2{
      position: absolute;
      margin-top: 60px;
      margin-left: 330px;
      font-family: '宋体';
    font-size: 14px;
    }
    .foot3{
      margin-left: 270px;
    }


